*{
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
/* 版心设置 */
.big .center{
    width: 1519.2px;
  margin: 0 auto;
  font-size: 17px;
}
body{
  background-color: #f5f5f7;
  font-family: ".萍方-简";
  overflow-x: hidden;
}
a,button{
  cursor: pointer;
}
 a{
  text-decoration:none;
  color: #2997ff;
  font-size: 17px;
}
 a:hover{
  text-decoration:underline;
}
.btn {
  color: #fff;
}
/* *********************************************大图区域样式设置******************************************************* */
/**********************************************一楼样式设置设置**********************************************************/
/* 背景设置 */
.f{
  background-color:  #1D1D1F;
  min-width:1519.2px;
}
.f .center{
  margin: 0 auto;
  background-color:  #1D1D1F;
}
.f .center div{
  margin: 0 auto;
  padding: 16px 0;
}
.f .center p{
  color: #fff;
  font-size: 14px;
  text-align: center;
}

/* *****************************************遮罩层******************************************************* */
.mask>div{
background-color: rgba(0,0,0,0.7);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none; 
z-index: 50;
}
.mask div img{
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto ;
border-radius: 5%;
}	



/**********************************************二楼样式设置***********************************************************/
.big .f2{

background-color:#000;
margin: 15px 0;
}
.big .f2 .center{
background-color: #000;
}
.big .f2 .box{
width: 980px;
margin: 0px auto;
display: flex;
align-items:  center;
justify-content: space-between;
padding: 50px 0;
}

.big .f2 .box .text p:nth-child(1){
color: #f56300;
font-size: 12px;
}
.big .f2 .box .text{
  height: 300px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.big .f2 .box .text span{
font-weight: 600;
color: #fff;
font-size: 56px;
vertical-align:baseline;
}
.big .f2 .box .text .p1{
color: #fff;
font-size: 24px;
}
.big .f2 .box .text .p2{
color: #fff;
font-size: 17px;
}
.big .f2 .box .text a{
text-decoration:none;
font-size: 17px;
}
.big .f2 .box .text a:hover{
text-decoration:underline;
}
.big .f2 .box .btn{
  font-size: 12px;
  padding: 5px 10px ;
  color: #fff;
  width:50px;
  background-color: #0071e3;
  border: none;
  border-radius: 200px;
}
/* *******************************************三楼样式*********************************************************** */
.big .f3{
background-color: #fff;
position: relative;
margin: 15px 0;
}
.big .f3 .center{
background-color: #fff;
width:980px ;
margin: 0 auto;
}
.big .f3 .box{
width: 100%;
text-align:right; 
padding: 50px 0;
display: flex;
}
.big .f3 .center .img{
display: flex;
}
.big .f3 .img img{
display: block;	
width: 1335px;
height: 598px;
position: relative;
left: 25%;
margin-left: -178.5px;
}
.big .f3  .text{
position: absolute;
left:50%;
top:20%;
height: 250px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.big .f3  .text{
text-align: center;
}
.big .f3  .text span{
font-weight: 600;
color: #000;
font-size: 56px;
vertical-align:baseline;
}
.big .f3  .text .p1{
color: #000;
font-size: 24px;
}
.big .f3 .text .p2{
color: #000;
font-size: 17px;
}
.big .f3 .text a{
  text-decoration:none;
font-size: 17px;
}
.big .f3 .text a:hover{
text-decoration:underline;
}
.big .f3  .btn{
  font-size: 12px;
  padding: 5px 10px ;
  color: #fff;
  width:50px;
  background-color: #0071e3;
  border: none;
  border-radius: 200px;
}
/* ******************************四楼样式********************************** */
.big .f4{
background-color: #fff;
margin: 15px 0;
}
.big .f4 .center{
background-color: #fff;
}
.big .f4 .box{
width: 1380px;
margin: 0 auto;
display: flex;
align-items:  center;
justify-content: flex-end;
padding: 50px 0;
}
.big .f4 .center .img{
display: flex;
justify-content: flex-end;
}
.big .f4 .img img{
display: block;	
width: 100%;
}
.big	.f4  .text{
text-align: center;
width: 300px;
height: 250px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.big .f4  .text span{
font-weight: 600;
color: #000;
font-size: 56px;
vertical-align:baseline;
}
.big .f4  .text .p1{
color: #000;
font-size: 24px;;
}
.big .f4 .text .p2{
color: #000;
font-size: 17px;
}
.big .f4 .text a{
  text-decoration:none;
font-size: 17px;
}
.big .f4 .text a:hover{
text-decoration:underline;
}
.big .f4  .btn{
  font-size: 12px;
  padding: 5px 10px ;
  color: #fff;
  width:50px;
  background-color: #0071e3;
  border: none;
  border-radius: 200px;
}
/* ******************************************************五楼样式************************************************* */
.big .f5{

background-color:#fff;
margin: 15px 0 30px 0;
}
.big .f5 .center{
background-color: #fff;
}
.big .f5 .box{
width: 980px;
margin: 0 auto ;
display: flex;
align-items:  center;
justify-content: center;
padding: 50px 0  0 0;
}

.big .f5 .box .text{
width: 300px;
height: 250px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.big .f5 .box .text span{
font-weight: 600;
color: #000;
font-size: 56px;
vertical-align:baseline; 
}
.big .f5 .box .text .p1{
color: #000;
font-size: 24px;
}
.big .f5 .box .text .p2{
color: #000;
font-size: 17px;
}
.big .f5 .box .text a{
text-decoration:none;
font-size: 17px;
}
.big .f5 .box .text a:hover{
text-decoration:underline;
}
.big .f5 .box .btn{
  font-size: 12px;
  padding: 5px 10px ;
  color: #fff;
  width:50px;
  background-color: #0071e3;
  border: none;
  border-radius: 200px;
}

/* ********************************************小区域样式设置************************************************************** */
/* ***********************************小区域一楼样式设置**************************************************** */
.small .center{
width: 1380px;
margin: 0 auto;
background-color: #fff;
}
.small .f1{
width: 1380px;
margin: 0 auto;
background-color: #fff;
}
.small  .center .f1-1 {
width: 940px;
background-color: #fff;
margin: 0 auto;
box-sizing: border-box;
padding-top: 115px;
text-align: center;
padding-bottom: 105px;
}
.small .f1 .center  .box1{
margin: 0 auto;
max-width: 940px;
font-size: 56px;
font-weight: 600;
}
/* ****************************小图区域二楼样式************************************************ */
.small .f2{
margin-top:30px ;
margin-bottom: 15px;
}
.small .f2 .box{
display: flex;
justify-content:center;
align-items: center;
} 
.small .f2 .box  .img{
width: 690px;
}
.small .f2 .box  .text{
width: 568px;
text-align: left;
}
.small .f2 .box img{
width: 100%;
display: block;
}

.small>.f2>.center>.box>.text p:nth-child(1){ 
font-size: 24px;
font-weight: 600;
margin-bottom: 9.6px;
}
.small>.f2>.center>.box>.text p:nth-child(2),.small>.f2>.center>.box>.text p:nth-child(3){
font-size: 48px;
font-weight: 600;
}
.small>.f2>.center>.box>.text p:nth-child(4){
font-size: 21px;
color: #ca2266;
margin: 16.8px 0;
}
/* *************************************小版心三楼样式********************************************** */
.small .f3{
margin-bottom: 15px;
}
.small .f3 .box{
padding-top:63px ;
display: flex;
justify-content:space-around;
align-items: center;
} 
.small .f3 .box  .img{
width: 457.99px;
}
.small .f3 .box  .text{
width: 510px;
text-align: center;

}
.small .f3 .box img{
width: 100%;
display: block;
}

.small .f3 .box .text h2{ 
font-size: 48px;
margin-bottom: 16px;
}
.small .f3 .box .text p{
font-size: 21px;
font-weight: 400;
margin-bottom: 16px;
text-align: center;
}

/* *************************************小版心四楼样式********************************************** */
.small .f4{
margin-bottom: 15px;
}
.small .f4 .box{
padding-top:63px ;
text-align: center;
} 

.small .f4 .box  .text{
text-align: center;

}
.small .f4 .box img{
width: 100%;
display: block;
}

.small .f4 .box .text h2{ 
font-size: 48px;
margin-bottom: 16px;
}
.small .f4 .box .text p{
font-size: 21px;
font-weight: 400;
margin-bottom: 16px;
text-align: center;
}
/* *************************************小版心五楼样式********************************************** */
.small .f5{
margin-bottom: 86px;
}

.small .f5 .center{
background-color: #f5f5f7;
}
.small .f5 .center .box{
padding: 86px 0;
display: flex;
justify-content: space-around;
}
.small .f5 .center .box div{
text-align: center;
width: 250px;
}
.small .f5 .center .box div p{
margin: 10px 0;
}
.small .f5 .center .text{
text-align: center;
}
.small .f5 .center .text h2{
font-size: 56px;
font-weight: 600;
}
/* **************************************************小版心六楼样式******************************************** */
.small .f6{
margin-bottom: 30px;
}
.small .f6 .center{
background-color: #f5f5f7;
}
.small .f6 .center .box {
display: flex;
justify-content: space-between;
}
.small .f6 .center .box>div{
width: 675px;
background-color: #fff;
}
.small .f6 .center .box .box1{
padding-top: 60px;
}
.small .f6 .center .box .box1 .text{
padding-bottom: 60px;
}
.small .f6 .center .box .text{
text-align: center;
}
.small .f6 .center .box .text h2{
font-size: 48px;
font-weight: 600;
}
.small .f6 .center .box .text p{
font-size: 21px;
font-weight: 400;
padding: 16.8px 0;
}
.small .f6 .center .box .text a{
font-size: 21px;
}
/* **************************************************小版心七楼样式******************************************** */
.small .f7 .box1{
padding-top:63px ;
text-align: center;
} 

.small .f7 .box1  .text{
text-align: center;

}
.small .f7 .box1 img{
width: 100%;
display: block;
}

.small .f7 .box1 .text h2{ 
font-size: 48px;
margin-bottom: 16px;
}
.small .f7 .box1 .text p{
font-size: 21px;
font-weight: 400;
margin-bottom: 16px;
text-align: center;
}
.small .f7 .box2{
background-color: #f5f5f7;
text-align: center;
font-size: 56px;
font-weight: 600;
padding: 111px 0 100px;
}
/* *****************************************小版心八楼样式************************************** */
.small .f8  .box{
background-color: #f5f5f7;
}
.small .f8  .box .box1{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff;
padding: 30px 30px 0 30px;
margin-bottom:30px ;
}
.small .f8  .box .box1 .text{
width: 691px;
text-align: center;
}
.small .f8  .box h2{
font-size: 48px;
font-weight: 600px;
padding-bottom: 16.8px;
}
.small .f8  .box p{
font-size: 21px;
font-weight: 400;
padding-bottom: 16.8px;
}
.small .f8 .box2{
height: 500px;
margin-bottom:30px ;
text-align: center;
}

.small .f8 .box2 .text{
position: relative;
top:35%
}
.small .f8 .box3{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 150px;
}
.small .f8 .box3 div{
width: 675px;
background-color: #fff;
text-align: center;
padding: 30px 0;
}
.small .f8 .box3 .box3-1{
  height: 560px;
}
.small .f8 .box3 .box3-2{
  height: 560px;
}
/* *****************************************小版心九楼样式************************************** */
.small .f9 .center .text1{
background-color: #f5f5f7;
text-align: center;
padding-bottom: 100px;
}
.small .f9 .center .text1{
font-size: 56px;
font-weight: 600;
color: #000;
}
.small .f9 .center .box1{
color:#f5f5f7;
display: flex;
justify-content: space-between;
background-color: #000;
align-items: center;
margin-bottom: 30px;
}
.small .f9 .box1 .text{
width: 675px;
text-align: center;
}
.small .f9 .box1 .text h2{
font-size: 48px;
font-weight: 600;
padding: 15px 0;
}
.small .f9 .box1 .text a{
padding-top: 15px;
}
.small .f9 .box2 {
display: flex;
justify-content: space-between;	
}
.small .f9 .box2 div{
width: 675px;
height: 600px;
text-align: center;
}
.small .f9 .box2 div .text{
position: relative;
top: 10%;
color:#fff;
}
.small .f9 .box2 div .text a{
color:#fff;
}
.small .f9 .box2 div .text h2{
font-size: 48px;
font-weight: 600;
}
.small .f9 .box2 div .text p{
padding: 18px 0;
}